<template>
  <div>
    <h4>ICO图标展示</h4>
    <div class="an-img-list">
      <div class="an-box" v-for="item in imgUrl" :key="item.id">
        <img :src="item.url"/>
        <p>{{item.name}}</p>
      </div>
    </div>
  </div>
</template>

<script>
import { Grid, GridItem, Box, Divider } from 'vux'
import {domeIcoList} from '@/assets/svg/index'
export default {
  name:'page',
  components: {
    Grid,
    GridItem,
    Box,
    Divider
  },
  data(){
    return{
      msg:'',
      imgUrl:[],
    }
  },
  mounted(){
    this.anRead();
  },
  methods:{
    anRead(){
      this.imgUrl = domeIcoList();
      console.log(this.imgUrl);
    }
  },
}




</script>

<style lang="less" scoped>
.an-img-list{
  padding-bottom: 50px;
  .an-box{
    display: inline-block;
    border: 1px solid #dedede;
    text-align: center;
    margin: 5px;
    padding: 0 3px;
    img{
      width: 30px;
      height: 30px;
    }
    p{
      font-size: 12px;
    }
  }
}
</style>
